<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>学生端登录</title>
		<link rel="stylesheet" type="text/css" href="css/detailsmusic.css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
	</head>

	<body>
		<div class="music-lgin" >

			<div class="music-lgin-all">
				<!--左手-->
				<div class="music-lgin-left ovhd">
					<div class="music-hand">
						<div class="music-lgin-hara"></div>
						<div class="music-lgin-hars"></div>
					</div>
				</div>

				<!--脑袋-->
				<div class="music-lgin-dh">
					<div class="music-lgin-alls">
						<div class="music-lgin-eyeleft">
							<div class="music-left-eyeball yeball-l"></div>
						</div>
						<div class="music-lgin-eyeright">
							<div class="music-right-eyeball yeball-r"></div>
						</div>
						<div class="music-lgin-cl"></div>
					</div>
					<!--鼻子-->
					<div class="music-nose"></div>
					<!--嘴-->
					<div class="music-mouth music-mouth-ds"></div>
					<!--肩-->
					<div class="music-shoulder-l">
						<div class="music-shoulder"></div>
					</div>
					<div class="music-shoulder-r">
						<div class="music-shoulder"></div>
					</div>
					<!--消息框-->
					<div class="music-news">学生端登录入口！</div>
				</div>

				<!--右手-->
				<div class="music-lgin-right ovhd">
					<div class="music-hand">
						<div class="music-lgin-hara"></div>
						<div class="music-lgin-hars"></div>
					</div>
				</div>

			</div>
			<!-- loginController -->
           <form method="post" name="login" action="studentlogin">
				<!--1-->
				<div class="music-lgin-text">
					<input class="inputname inputs" type="text" name="username" placeholder="用户名" value=""/>
				</div>
				<!--2-->
				<div class="music-lgin-text">
					<input type="password" class="mima inputs" name="password" placeholder="密码" />
				</div>
				<!--3-->
				<div class="music-lgin-text">
					<input data-method="confirmTrans" class="music-qd inputs layui-btn" type="submit"  value="提交" />
				</div>
		   </form>

		</div>

		<script src="js/jquery-1.9.1.min.js"></script>
		<script src="layer/layer.js"></script>
		<script type="text/javascript">
			//眼睛 密码部分
			$(".mima").focus(function() {
				$(".music-lgin-left").addClass("left-dh").removeClass("rmleft-dh");
				$(".music-lgin-right").addClass("right-dh").removeClass("right-rmdh");
				$(".music-hand").addClass("no");
			}).blur(function() {
				$(".music-lgin-left").removeClass("left-dh").addClass("rmleft-dh");
				$(".music-lgin-right").removeClass("right-dh").addClass("right-rmdh");
				$(".music-hand").removeClass("no");

			})
			//点击小人出来
			$(".inputname").focus(function() {
				$(".music-lgin-all").addClass("block");
				$(".music-news").addClass("no")
			})
			//点击小人消失

			$(".music-qd").focus(function(){
			   $(".music-lgin-all").removeClass("block")
			})


			//注册正则 简单判断
            $('.music-qd').click(function(){
                if(($('.inputname').val()=='')){
                    layer.msg('请输入用户名', {
                        offset: '300px',
                        time: 2000, //20s后自动关闭
                    });
                    return false;
                }else if(($('.mima').val()=='')){
                    layer.msg('请输入密码', {
                        offset: '300px',
                        time: 2000, //20s后自动关闭
                    });
                    return false;
                }else{
                }
            })

		</script>

	</body>

</html>